<seed-content [ngClass]="{'gray-background': hasData}">
  <seed-toolbar-header>
    <seed-toolbar-title>报名人信息</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <seed-infinite-scroll  (infiniteScroll)="getMoreMember()" #infiniteScroll >
    <div [ngClass]="{'hidden': !hasData}" >
      <div class="seed-gap"></div>
        <div class="each-member seed-flexbox"  *ngFor="let item of showArr;let i = index" (click)="choose(i,$event)">
          <span class="choose-icon"
              [style.background-image]="hasChoose.indexOf(i) >= 0 ? 'url('+ chosed + ')' : 'url('+ unchose + ')'" ></span>
          <sign-up-list-item
              class="seed-flexbox-item"
              [url]="item.iconUrl"
              [sex]="item.sex"
              [commingName]="item.commingName"
              [linkPhone]="item.linkPhone"
              (rightBtnClick)="goEditPage(i)"
          >
          </sign-up-list-item>
      </div>
      <div class="sign-up-list-protocol">
        <input class="sign-up-list-protocol-btn" [style.background-image]="agree ? 'url('+ chosed + ')' : 'url('+ unchose + ')'"   type="checkbox" (click)="agreeChange()">
        <span>我同意并遵守<a (touchstart)="gotoProtocol()">《求苗赛事报名协议》</a></span>
      </div>
      <div class="btn-wrap seed-flexbox seed-flexbox-content-between seed-scroll-outside">
        <button class="add" (click)="goEditPage($event)">添加</button>
        <button class="sign" (click)="sign()" [disabled]="hasChoose.length == 0 || !agree">确认</button>
      </div>
    </div>
    <div *ngIf="!hasData">
      <seed-default-graph [url]="'noData'" [text]="'暂无赛事联系人，赶紧去添加吧'"></seed-default-graph>
      <div class="seed-flexbox seed-flexbox-content-center">
        <button (click)="goEditPage($event)" class="nodata-btn">添加</button>
      </div>
    </div>
    <seed-infinite-scroll-content *ngIf="allArr.length >= 10"></seed-infinite-scroll-content>
  </seed-infinite-scroll>

</seed-content>
<seed-modal #numModal [content]="content">
  <sign-up-edit-contacts (onDelete)="delCustomer()" (saveForm)="saveForm($event)" *ngIf="showModal" [defaultValue]="contactDefault" [addition]="addition" class="seed-modal-content"></sign-up-edit-contacts>
  <sign-up-protocol *ngIf="showProtocol" class="seed-modal-content"></sign-up-protocol>
</seed-modal>
